/* Button 按钮
------------------------------- */
// 第三方字体图标大小
.el-button:not(.is-circle) i.el-icon,
.el-button i.iconfont,
.el-button i.fa,
.el-button--default i.iconfont,
.el-button--default i.fa {
	font-size: 14px !important;
	// margin-right: 5px;
}
.el-button--small i.iconfont,
.el-button--small i.fa {
	font-size: 12px !important;
	margin-right: 5px;
}

/* Input 输入框、InputNumber 计数器
------------------------------- */
// 菜单搜索
.el-autocomplete-suggestion__wrap {
	max-height: 280px !important;
}

/* Alert 警告
------------------------------- */
.el-alert {
	border: 1px solid;
}
.el-alert__title {
	word-break: break-all;
}

/* Message 消息提示
------------------------------- */
.el-message {
	min-width: unset !important;
	padding: 13px 15px !important;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02);
}

/* NavMenu 导航菜单
------------------------------- */
// 默认样式修改
.el-menu {
	border-right: none !important;
	width: 220px;
}
.el-menu-item {
	height: 56px !important;
	line-height: 56px !important;
}
.el-menu-item,
.el-sub-menu__title {
	color: $base-menu-text-color;
}
.el-sub-menu .el-icon {
	// width: auto !important;
	margin-right: 0px !important;
}
// 修复点击左侧菜单折叠再展开时，宽度不跟随问题
.el-menu--collapse {
	width: 64px !important;
}
// 外部链接时
.el-menu-item a,
.el-menu-item a:hover,
.el-menu-item i,
.el-sub-menu__title i {
	color: inherit;
	text-decoration: none;
}
// 第三方图标字体间距/大小设置
.el-menu-item  i{
	width: 5px;
}
.el-menu-item [class^=el-icon] {
	margin-right: 0px !important;
}
.el-menu-item .iconfont,
.el-sub-menu .iconfont,
.el-menu-item .fa,
.el-sub-menu .fa {
	@include generalIcon;
}
// 水平菜单、横向菜单高亮 背景色，鼠标 hover 时，有子级菜单的背景色
.el-menu-item.is-active,
.el-sub-menu:not(.is-opened):hover .el-sub-menu__title {
	background-color: $base-menu-bg-color-active !important;
	color: $base-menu-text-color-active !important;
}
.el-sub-menu.is-active > .el-sub-menu__title {
	background-color: $base-menu-bg-color-active !important;
	// color: $base-menu-text-color-active !important;
}
.el-menu-item:hover {
	background-color: $base-menu-bg-color-active !important;
	color: $base-menu-text-color-active !important;
}
.el-sub-menu.is-active.is-opened .el-sub-menu__title {
	background-color: unset !important;
}
// 水平菜单、横向菜单折叠 a 标签
.el-popper.is-dark a {
	color: var(--el-color-white) !important;
	text-decoration: none;
}
// 水平菜单、纵向菜单折叠背景色
.el-popper.is-pure.is-light {
	.el-menu--vertical {
		background-color: var(--base-layout-aside-bg-color);
		.el-sub-menu.is-active .el-sub-menu__title {
			color: var(--el-menu-active-color);
		}
		.el-popper.is-pure.is-light {
			.el-menu--vertical {
				.el-sub-menu .el-sub-menu__title {
					background-color: unset !important;
					color:$base-aside-bg-color;
				}
				.el-sub-menu.is-active .el-sub-menu__title {
					color: var(--el-menu-active-color);
				}
			}
		}
	}
	// 横向菜单
	.el-menu--horizontal {
		background: var(--base-top-bar-bg-color);
		.el-menu-item,
		.el-sub-menu {
			height: 48px !important;
			line-height: 48px !important;
			color: var(--base-top-bar-txt-color);
			background-color: #fff !important;
			.el-sub-menu__title {
				height: 48px !important;
				line-height: 48px !important;
				color: var(--base-top-bar-txt-color);
			}
			.el-popper.is-pure.is-light {
				.el-menu--horizontal {
					.el-sub-menu .el-sub-menu__title {
						background-color: unset !important;
						color: var(--base-top-bar-txt-color);
					}
					.el-sub-menu.is-active .el-sub-menu__title {
						color: var(--el-menu-active-color);
					}
				}
			}
		}
		.el-menu-item.is-active,
		.el-sub-menu.is-active .el-sub-menu__title {
			color: var(--el-menu-active-color);
		}
	}
}

// 横向菜单（经典、横向）布局
.el-menu.el-menu--horizontal {
	border-bottom: none !important;
	width: 100% !important;
	.el-menu-item,
	.el-sub-menu__title {
		height: 40px !important;
		line-height: 40px !important;
		color: var(--base-top-bar-txt-color);
		background-color: #fff !important;
		[class^=el-icon] {
			width: auto !important;
			margin-right: 4px !important;
		}
	}
	.el-menu-item {
		padding: 0px 4px 0px 2px !important;
		margin: 0px 40px 0px 14px !important;
		font-size: 15px;
		i {
			width: 0px !important;
		}
	}
	.el-menu-item:not(.is-active):hover,
	.el-sub-menu:not(.is-active):hover .el-sub-menu__title {
		color: var(--base-top-bar-txt-color);
	}
}
// 菜单收起时，图标不居中问题
.el-menu--collapse {
	.el-menu-item .iconfont,
	.el-sub-menu .iconfont,
	.el-menu-item .fa,
	.el-sub-menu .fa {
		margin-right: 0 !important;
	}
	.el-sub-menu__title {
		padding-right: 0 !important;
	}
}
/**纵向菜单自定义样式**/
.el-menu--vertical {
	.el-menu-item.is-active {
		border-right: 3px solid $base-color-blue !important;
	}
}
.el-sub-menu {
	.el-sub-menu__title {
		// padding-left: 25px !important;
	}
}

/* Tabs 标签页
------------------------------- */
.el-tabs__nav-wrap::after {
	height: 1px !important;
}

/* Dropdown 下拉菜单
------------------------------- */
.el-dropdown-menu {
	list-style: none !important; /*修复 Dropdown 下拉菜单样式问题 2022.03.04*/
}
.el-dropdown-menu .el-dropdown-menu__item {
	white-space: nowrap;
	&:not(.is-disabled):hover {
		background-color: var(--el-dropdown-menuItem-hover-fill);
		color: var(--el-dropdown-menuItem-hover-color);
	}
}
//下拉框出现蓝色问题修改
.el-dropdown__popper {
	--el-dropdown-menuItem-hover-fill: none !important;
}
/* Steps 步骤条
------------------------------- */
.el-step__icon-inner {
	font-size: 30px !important;
	font-weight: 400 !important;
}
.el-step__title {
	font-size: 14px;
}

/* Dialog 对话框 */
.el-dialog__body {
	max-height: calc(90vh - 111px) !important;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Card 卡片
------------------------------- */
.el-card {
	border: 0px !important;
	&.border {
		border: 1px solid #e4e7ed !important;
	}
}
.el-card__header {
	padding: 15px 20px;
}
.el-card__body {
	padding: 16px;
}

/* Table 表格 element plus 2.2.0 版本
------------------------------- */
.el-table {
	.el-button.is-text {
		padding: 0;
	}
}

/* scrollbar
------------------------------- */
.el-scrollbar__bar {
	z-index: 4;
}
/*防止页面切换时，滚动条高度不变的问题（滚动条高度非滚动条滚动高度）*/
.el-scrollbar__wrap {
	max-height: 100%;
}
.el-select-dropdown .el-scrollbar__wrap {
	overflow-x: scroll !important;
}
/*修复Select 选择器高度问题*/
.el-select-dropdown__wrap {
	max-height: 274px !important;
}
/*修复Cascader 级联选择器高度问题*/
.el-cascader-menu__wrap.el-scrollbar__wrap {
	height: 204px !important;
}
/*用于界面高度自适应（main.vue），区分 scrollbar__view，防止其它使用 scrollbar 的地方出现滚动条消失*/
.layout-container-view .el-scrollbar__view {
	height: 100%;
}
/*防止分栏布局二级菜单很多时，滚动条消失问题*/
.layout-columns-warp .layout-aside .el-scrollbar__view {
	height: unset !important;
}

/* Pagination 分页
------------------------------- */
.el-pagination {
	padding-top: 15px;
	justify-content: flex-end;
}
.el-pagination__editor {
	margin-right: 8px;
}
/*深色模式时分页高亮问题*/
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
	background-color: var(--el-color-primary) !important;
	color: var(--el-color-white) !important;
}

/* Drawer 抽屉 */
.el-drawer {
	--el-drawer-padding-primary: unset !important;
	.el-drawer__header {
		padding: 0 15px !important;
		height: 50px;
		display: flex;
		align-items: center;
		margin-bottom: 0 !important;
		border-bottom: 1px solid var(--el-border-color);
		color: var(--el-text-color-primary);
	}
	.el-drawer__body {
		width: 100%;
		height: 100%;
		overflow: auto;
	}
}
/*搜索样式重置*/
.layout-search-dialog {
	position: relative;
	.el-dialog {
		.el-dialog__header,
		.el-dialog__body {
			display: none;
		}
		.el-dialog__footer {
			width: 100%;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			top: 0vh;
		}
		.el-autocomplete {
			width: 560px;
			height: 44px;
			position: absolute;
			top: -12vh;
			left: 50%;
			transform: translateX(-50%);
			.el-input {
				height: 38px;
				line-height: 38px;
			}
		}
	}
}

/*搜索样式重置*/
.search-form {
	.form-item {
		width: 98% !important;
	}
	.more-search {
		cursor: pointer;
		padding: 8px 10px;
		color: $base-color-blue;
		.el-icon {
			color:$base-color-blue !important;
		}
	}
	.search-btn {
		margin-top: -2px;
	}
	.el-form--inline {
		.el-form-item {
			margin-right: 0px;
			margin-bottom: 15px;
		}
	}
	.el-input-number__decrease {
		display: none;
	}
	.el-input-number__increase {
		display: none;
	}
	.el-select-v2 {
		width: 100%;
	}
}

.el-form-item {
	width: 100%;
	.select-trigger {
		width: 100%;
	}
	.el-date-editor {
		width: 100%;
		margin-right: 0px;
	}
	.el-select-v2__wrapper {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		min-height: 32px;
	}
	.el-input-number .el-input__inner {
		text-align: left;
	}
	.el-select-v2 {
		width: 100%;
	}
}
/* 标题 */
.card-main-title {
	font-size: 14px;
	color: #626b7d;
	&::before {
		content: '';
		width: 3px;
		height: 14px;
		display: inline-block;
		background-color: var(--el-color-primary);
		margin-right: 6px;
		margin-bottom: -2px;
	}
}
/*原点*/
.card-main-dot {
	font-size: 14px;
	color: #626b7d;
	position: relative;
	padding-left: 12px;
	&::before {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: 3px;
		display: inline-block;
		background-color: var(--el-color-primary);
		margin-right: 6px;
		position: absolute;
		top: 7px;
		left: 0px;
	}
	&.success {
		&::before {
			background-color: var(--el-color-success) !important;
		}
	}
	&.danger {
		&::before {
			background-color: var(--el-color-danger) !important;
		}
	}
}
/*图片 */
img {
	object-fit: cover;

	&[src=''],
	&:not([src]) {
		opacity: 0;
	}
}
.dot-badge {
	padding-top: 6px;
	.el-badge__content {
		&.is-dot {
			width: 6px !important;
			height: 6px !important;
		}
	}
}
/***表格操作区***/
.vxe-action {
	a {
		margin-left: 15px !important;
		cursor: pointer !important;
		color: var(--el-color-primary) !important;
		&:first-child {
			margin-left: 0px !important;
		}
	}
	.el-dropdown-link {
		cursor: pointer;
		color: var(--el-color-primary) !important;
	}
	.el-dropdown-menu--medium {
		.el-dropdown-menu__item {
			padding: 0px 25px !important;
			&:hover {
				color: var(--el-color-primary) !important;
			}
		}
	}
}
/***自定义弹框***/
.peak-dialog {
	padding: 0px !important;
	.el-dialog__header {
		padding: 14px 16px;
		border-bottom: 1px solid #e8eaec;
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 1;
		margin-right: 0px;
	}
	.el-dialog__body {
		padding: 16px;
	}
	.el-dialog__footer {
		padding: 16px 18px;
		border-top: 1px solid #e8eaec;
	}
	.el-dialog__headerbtn {
		top: 4px !important;
	}
	.el-input-number {
		width: 100%;
		.el-input__inner {
			text-align: left;
		}
	}
	.el-form--inline {
		.el-form-item {
			margin-right: 0px;
		}
	}
	.el-input-number.is-controls-right .el-input__wrapper {
		padding-left: 10px;
	}
	.el-select {
		width: 100%;
	}
	.el-select-v2 {
		width: 100%;
	}
}
.el-form--inline {
	.el-form-item {
		margin-right: 0px;
	}
}
/* dot圆点动画 */
.peak-dot {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 3px;
	vertical-align: middle;
	border-radius: 50%;

	span {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		animation: peakDot 1.2s ease-in-out infinite;
		@keyframes peakDot {
			0% {
				opacity: 0.6;
				transform: scale(0.8);
			}
			to {
				opacity: 0;
				transform: scale(2.4);
			}
		}
	}

	&-success {
		background: var(--el-color-success);

		span {
			background: var(--el-color-success);
		}
	}

	&-error {
		background: var(--el-color-error);

		span {
			background: var(--el-color-error);
		}
	}
}
/* el-tag */
.el-tag {
	border-radius: $base-border-radius;

	& + .el-tag {
		margin-left: 10px;
	}

	&--light:not(&--success, &--info, &--warning, &--danger) {
		--el-tag-bg-color: var(--el-color-primary-light-9);
		--el-tag-border-color: var(--el-color-primary-light-8);
		--el-tag-text-color: var(--el-color-primary);
		--el-tag-hover-color: var(--el-color-primary);
	}

	&--dark:not(&--success, &--info, &--warning, &--danger) {
		--el-tag-bg-color: var(--el-color-primary);
		--el-tag-border-color: var(--el-color-primary);
		--el-tag-hover-color: var(--el-color-primary-2);
	}

	&.is-round {
		border-radius: var(--el-border-radius-round);
	}
}
.vxe-checkbox .vxe-checkbox--icon,
.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
	font-weight: 500 !important;
}
.vxe-cell {
	.el-tag--dark {
		border: 0px !important;
	}
	.label-tag {
			border: 0px !important;
			color: #fff;
	}
}
.column-left {
	text-align: left;
	.vxe-cell {
		text-align: left;
		.label-tag {
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			.el-tag__content {
				max-width: 113px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}
		}
	}
}
.peak-drop {
	.label-tag {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		.el-tag__content {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
	}
}
.card-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.el-alert--info.is-light {
	color: var(--el-color-primary);
	background-color: var(--el-color-primary-light-9);
	border: 1px solid var(--el-color-primary);
}

// 公共搜索区域

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding: 0px 16px;
	.title-txt {
		padding-left: 4px;
	}
	.el-icon {
		margin-top: 2px;
	}
	.card-title {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.lab-title {
		color: #202D40;
		font-size: 14px;
		padding-right: 20px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: -2px;
		.iconfont {
			margin-right: 5px;
		}
	}
	.el-checkbox {
		padding-top: 2px;
		height: 28px;
		.el-checkbox__label {
			padding-left: 5px;
			color: #202D40;
		}
		.el-checkbox__inner {
			background: #f0f2f5;
			border: 1px solid #D9D9D9;
		}
		.is-checked {
			.el-checkbox__inner {
				background-color: $base-color-blue;
				border: 1px solid $base-color-blue;
			}
		}
	}
}

.search-all {
	padding: 16px;
	background-color: #fff;
	.search-main-title {
		margin-bottom: 20px;
	}
	.dash-line {
		border-top: 1px dashed #f0f0f0;
		padding-top: 10px;
	}
	.item-flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		.flex-auto {
			flex: 1;
			margin-right: 0px !important;
		}
		.flex-pre {
			width: 20%;
			margin-left: 1px;
			flex-shrink: 0;
			.el-input__suffix {
				display: none;
			}
			.el-input__inner {
				text-align: center;
			}
		}
	}
	.flex-auto {
		flex: 1;
		margin-right: 0px !important;
	}

	.search-form {
		.form-item {
			width: 100% !important;
		}
	}
	.search-btn {
		text-align: right;
		.el-button {
			width: 80px;
			height: 32px;
			font-size: 14px !important;
			letter-spacing: 1px;
			.iconfont {
				margin-right: 5px;
				font-size: 14px;
			}
		}
	}
}
.asset-table {
	background-color: #fff;
	padding: 16px;
}
.num-title {
	margin: 8px 0 8px 16px;
	font-size: 12px;
	color: #666666;
	.num-total {
		font-size: 12px;
		font-weight: 600;
		color: $base-color-blue;
	}
}

// 业务页面封装结束
.peak-dialog {
	&.el-drawer {
		min-width: 1100px;
		width: 60% !important;
		overflow: initial !important;
		.el-drawer__header {
			border: 0px;
			height: 0px;
		}
		.close-drawer {
			position: absolute;
			left: -36px;
			top: 25vh;
			width: 36px;
			height: 36px;
			border-radius: 4px 0px 0px 4px;
			background: $base-color-blue url('@/assets/asset/back-arrow.png') no-repeat center;
			background-size: 15px;
			cursor: pointer;
		}
		.drawer-content {
			padding:0px 25px;
			.drawer-title {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 20px;
				padding-bottom: 15px;
				.title-block {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					.title {
						font-size: 20px;
						font-style: normal;
						font-weight: 500;
						color: #202D40;
						margin-right: 5px;
					}
				}
			}
		}
	}
}
.drawer-modal {
	background-color: transparent !important;
	z-index: 500 !important;
}
.no-data {
	text-align: center;
	padding-top: 100px;
}
.layui-table {
	width: 100%;
	background-color: #fff;
	color: #666;
	// border-top: 1px solid #ebeef5;
	border-right: 1px solid #ebeef5;
	border-collapse: collapse;
	td {
		position: relative;
		padding: 10px 15px;
		min-height: 20px;
		line-height: 20px;
		font-size: 14px;
		border: 1px solid #ebeef5;
		text-align: left;
		font-weight: 400;
		line-height: 23px;
		font-size: 14px;
		&.bordered {
			font-weight: 500;
			border-bottom: 1px solid #ebeef5 !important;
			background: #f8f8f9;
			width: 200px;
		}
	}
}

.view-form {
	.el-form-item--default {
		margin-bottom: 10px !important;
	}
}
.label-tag {
	border: 0px !important;
	color: #fff;
}
#form-designer {
	.main-header {
		display: none !important;
	}
}
.asset-popper {
	.el-select-dropdown__list {
		width: 440px !important;
	}
}
	.el-select-v2__wrapper {
		width: 100%;
	}
	.el-select__wrapper {
			width: 100% !important;
	}
.search-dialog {
	.el-dialog {
			padding: 0px !important;
		}
}